<!DOCTYPE html>
<html lang="en">
<head>
  <title>Elements disappear</title>
  <meta charset="UTF-8">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <script type="text/javascript" src="jquery.min.js"></script>
  <script type="text/javascript">
        function removeButton() {
            $("#remove").remove();
        }
        function hideButton() {
            $("#hide").css("display", "none");
        }

  </script>
</head>
<body>
<h1>Element removed from DOM</h1>
<button id="remove" class="someclass" onclick="setTimeout(removeButton, 100)">Remove me</button>
<h1>Element hidden</h1>
<button id="hide" class="someclass" onclick="setTimeout(hideButton, 100)">Hide me</button>
</body>
</html>
